<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
  <meta charset="utf-8"></meta>
  <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge"></meta> -->
  <meta name="renderer" content="webkit" />
		
  <title>服务器外呼rtsp和H323 Demo</title>
  <style>
  	
  </style>
</head>

<body class="hold-transition skin-blue sidebar-mini">
  <div th:fragment="cameraVideo">
	
    <div class="cameraVideo">
      <!-- 摄像头接入 -->
      <div class="modal fade" id="cameraVideoModal">
        <div class="modal-dialog modal-lg  box box-primary">

          <div class="modal-content">
 	            <div class="modal-header"> 
	           	  <button type="button" class="close" id="outgoingCloseBtn" data-dismiss="modal" aria-label="Close">
                  	<span aria-hidden="true">×</span>
                  </button>
	              
	              <h4 class="modal-title">视频名称 : <span>三洋路口</span></h4>
	            </div>  
              
	            <div class="modal-body">
					<div id="outgoingDiv">
						<!-- <iframe id="videoIfm" name="videoIfm" style="height:100%;width:100%;" frameborder="0";scrolling="no"; frameborder="0" src="/video"></iframe>-->
				 	</div>
<!-- 					<div style="margin-left:18px;">
						<div style="margin-bottom:10px;"><span class="tit"><i class="fa fa-map-marker"></i> 地址：</span><span colspan="2">凤凰中心</span></div>
						<div><span class="tit"><i class="fa  fa-cube"></i> 设备号 : </span><span colspan="2">c4cd8232e6e2ec7f</span></div>
					
					</div> -->
					<div class="cameraInfoBox">
						<div class="cameraInfoTitle">其他信息 :</div>
						<div class="cameraInfo">
							
							<span>生产厂家 : <i>大华</i></span>
							<span>开始使用时间 : <i>2012年05月16日</i></span>
							<span>使用年限 : <i>2年</i></span>
						</div>
						<div class="cameraInfo">
							<span>设备状态 : <i>良好</i></span>
							<span>上次维护时间 : <i>2014年03月15日</i></span>
						</div>
						
			        </div>
			        
			        <div class="cameraInfoBtn">
			        	<button type="button" class="repairBtn btn btn-primary btn-sm" data-toggle="modal">报修</button>
			        	<button type="button" class="detailsBtn btn btn-primary btn-sm" data-toggle="modal">设备详情</button>
			        	
			        </div>
						
	            </div>

          </div>
        </div>
      </div>
      <script>
     // 摄像头模态框展示
     
	  function cameraPlayFunc(){
		  $('#cameraVideoModal').modal({backdrop: 'static', keyboard: false});
		  $("#cameraVideoModal").modal('show');
		  $(".videoLoding").show();
	  }
     //$(function () {
    	 //$(".cameraSum span").text()
    // })
     

      </script>
    </div>
  </div>
</body>

</html>
